import classNames from 'classnames';

import type { FC, SVGProps } from 'react';

const EquinixMetal: FC<SVGProps<SVGSVGElement>> = props => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 855.18 470.45"
    enableBackground="new 0 0 855.18 470.45"
    className={classNames('text-[#E91C24] dark:text-white', props.className)}
  >
    <polygon
      fill="currentColor"
      points="360.02,0 288.02,25.08 288.02,402.81 240.02,386.11 240.02,41.88 96.02,92.17 96.02,335.82
      48.04,319.05 48.04,108.9 0,125.7 0,353.16 144.01,403.42 144.01,126.23 192.04,109.49 192.04,420.19 336.04,470.45 336.04,59.19
      360.02,50.82 384.01,59.19 384.01,470.45 528.07,420.19 528.07,109.49 576,126.23 576,403.42 720,353.16 720,125.7 671.99,108.9
      671.99,319.05 624.04,335.82 624.04,92.17 480.01,41.88 480.01,386.11 431.98,402.81 431.98,25.08"
    />
    <path
      fill="currentColor"
      d="M811.93,337.24c24.12,0,43.24-19.94,43.24-43.49v-0.28c0-23.61-18.9-43.27-43.24-43.27
      c-24.11,0-43.23,19.92-43.23,43.55v0.21C768.7,317.57,787.57,337.24,811.93,337.24 M811.93,332.49c-21.85,0-38.25-17.37-38.25-38.52
      v-0.21c0-21.14,16.62-38.78,38.25-38.78c21.86,0,38.26,17.37,38.26,38.5v0.28C850.19,314.83,833.55,332.49,811.93,332.49
      M794.04,315.34h10.92v-14.15h6.97l9.71,14.15h13.17l-11.44-16.14c5.98-2,9.95-6.69,9.95-13.89c0-10.18-7.73-14.95-18.15-14.95
      h-21.12V315.34z M804.96,292.24v-12.43h9.46c4.69,0,7.72,2.26,7.72,6.2c0,3.74-2.74,6.23-7.72,6.23H804.96z"
    />
  </svg>
);

export default EquinixMetal;
